// sidebar
$menuText: var(--dynamic-menuColor-color);
$menuActiveText: #409EFF; //选中
$subMenuActiveText: var(--dynamic-color); //选中的字体颜色

$menuBg: var(--dynamic-menuBg-color); //整个菜单栏背景#2f3542
$menuHover: #efefef; //移入菜单第一层背景

$subMenuBg: var(--dynamic-submenuBg-color);
$subMenuHover: #ccc; //移入菜单第二层背景

$sideBarWidth: 210px;


$theme0: #1890ff;
$theme1: #f7531c;
$theme2: #f6aa14;
$theme3: #13bebe;
$theme4: #50bf19;

// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
  menuText: $menuText;
  menuActiveText: $menuActiveText;
  subMenuActiveText: $subMenuActiveText;
  menuBg: $menuBg;
  menuHover: $menuHover;
  subMenuBg: $subMenuBg;
  subMenuHover: $subMenuHover;
  sideBarWidth: $sideBarWidth;
  theme0: $theme0 !important;
  theme1: $theme1 !important;
  theme2: $theme2 !important;
  theme3: $theme3 !important;
  theme4: $theme4 !important;
}